<template>
  <div class="content">
    <heading grade="1">培训管理</heading>
    <ul class="clearfix m_type">
      <li v-for="item in list">
        <a @click="go(item.href)">
          <img v-bind:src="item.imgUrl">
          <div class="m_name">{{item.label}}</div>
        </a>
      </li>
    </ul>
  </div>
</template>
<script>
  export default {
    components: {},
    data () {
      return {
        list: [
          {
            imgUrl: '/static/images/authorize/staff.png',
            label: '发起培训',
            href: 'add'
          },
          {
            imgUrl: '/static/images/authorize/launch.png',
            label: '我的培训',
            href: 'list'
          }
        ]
      }
    },
    methods: {
      go (obj) {
        this.$router.push({name: obj})
      }
    }
  }
</script>
<style>
  .m_type li {
    width: 20%;
    float: left;
    padding: 30px 0;
    text-align: center;
    cursor: pointer
  }
  
  .m_name {
    line-height: 100%;
    padding: 25px 0;
    color: #333;
    font-size: 14px
  }
  
  /*.auth li{float: left;margin-right: 90px;text-align: center;width: 90px;cursor: pointer;}*/
  /*.auth li img{margin-bottom: 20px;}*/
  /*.auth li:last-child{margin-right: 0;}*/
  /*.auth li:hover p{color:#269974;}*/
</style>
